<!--合同管理-->

<template>
  <div style="display: flex;  flex-direction: column;">
    <div style="display: flex; max-height: 50px">
      <el-button type="primary" @click="handleAdd" style="margin-top: 15px">添加项目合同<i class="el-icon-circle-plus-outline"></i></el-button>
    </div>
    <div style="display: flex;">
      <el-table :data="tableData" style="width: 100%;margin-top: 20px" height="400">
        <el-table-column fixed prop="id" label="项目编号" width="100"></el-table-column>
        <el-table-column prop="date" label="项目名称" width="150"></el-table-column>
        <el-table-column prop="name" label="合同编号" width="150"></el-table-column>
        <el-table-column prop="province" label="合同名称" width="200"></el-table-column>
        <el-table-column prop="city" label="成交额（元）" width="110"></el-table-column>
        <el-table-column prop="address" label="中标人" width="160"></el-table-column>
        <el-table-column prop="zip" label="合同生效时间" width="100"></el-table-column>
        <el-table-column prop="zip" label="合同有效期（天）" width="120"></el-table-column>
        <el-table-column prop="zip" label="操作" width="80"></el-table-column>
      </el-table>
    </div>
    <div style="padding: 10px 0;margin-left: 900px">
      <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="pageNum"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="2"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
      </el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  name: "ContManag",
  data() {
    return {
      tableData: [],
    }
  }
}
</script>

<style scoped>

</style>